
.bookDetailBox{
    position: relative;
    margin: 0 auto;
    width: 878px;
    overflow-x: visible;
}
.bookDetail{
    position: relative;
    margin: 0 auto;
    width: 878px;
    /* font-size: 20px; */
    /* line-height: 60px; */
    overflow-wrap: break-word;

}
.bookDetail::selection{
    background-color: rgba(174, 173, 207,.75);
    /* text-emphasis-color:skyblue; */

}
span::selection{
    background-color: rgba(174, 173, 207,.75);
}
span{
    cursor: pointer;
}

.highLineText{
    background-color: #ffedc9;
}

.night .highLineText{
    background-color: rgb(64, 56, 40);
}
.underLineText{
    text-decoration-line: underline;
    text-decoration-style: solid;
}
.notedText{
    border-bottom: 1px dashed red;
    cursor: pointer;
}

.normal.readerBackground{
    background-color: #eef0f4;
}

.night.readerBackground{
    background-color: #17181a;
}

.green.readerBackground{
    background-color: #eefaee;
}

.normal.readerBody{
    background-color: #fff;
    /* color: #848486; */
}

.night.readerBody{
    background-color: #1f2022;
    color: aliceblue;
}

.green.readerBody{
    background-color:  #C7EDCC;
    color: black;
}
.night .bookDetail{
    color: #fff;
}
.book{
  width: 1000px;
  margin: auto;
  padding: 42px 60px;
  border-style: none dashed;
  border-width: 1px;
  border-color: #cecccc;
  transition: all 0.5s;
}
.progress{
  position: fixed;
  bottom: 10px;
  margin-left: -45px;
  color: rgb(209, 209, 209);
}

.icon{
    width: 100px;
    position: fixed;
    top:20px;
    left: 10px;
    display: flex;
    justify-content: space-between;
}

.SimSon{
    font-family: 'Noto Serif SC', serif;
}

.SimHei{
    font-family: 'Noto Sans SC', sans-serif;
}

.well p{
    letter-spacing: 3px;
    margin-top: 12px;
    margin-bottom: 12px;

}
.slim p{
    letter-spacing: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.loose p{
    letter-spacing: 6px;
    margin-top: 18px;
    margin-bottom: 18px;
}

